<script>
	当前为演示版本，完整版加微信：cwapps
	当前为演示版本，完整版加微信：cwapps
	当前为演示版本，完整版加微信：cwapps
	当前为演示版本，完整版加微信：cwapps
	当前为演示版本，完整版加微信：cwapps
	当前为演示版本，完整版加微信：cwapps
	当前为演示版本，完整版加微信：cwapps
	当前为演示版本，完整版加微信：cwapps
	当前为演示版本，完整版加微信：cwapps
	当前为演示版本，完整版加微信：cwapps
	当前为演示版本，完整版加微信：cwapps
	当前为演示版本，完整版加微信：cwapps
	当前为演示版本，完整版加微信：cwapps
	当前为演示版本，完整版加微信：cwapps
	当前为演示版本，完整版加微信：cwapps
	当前为演示版本，完整版加微信：cwapps
	当前为演示版本，完整版加微信：cwapps
	当前为演示版本，完整版加微信：cwapps
	当前为演示版本，完整版加微信：cwapps
	当前为演示版本，完整版加微信：cwapps
	当前为演示版本，完整版加微信：cwapps
	当前为演示版本，完整版加微信：cwapps
	当前为演示版本，完整版加微信：cwapps
	当前为演示版本，完整版加微信：cwapps
  export default {
    onLaunch: function(options) {
	  // #ifdef MP-WEIXIN || MP-KUAISHOU
	 // uni.$app = getApp({ allowDefault: true}).$vm
	  // #endif
	  // #ifdef APP-PLUS || H5
	  //uni.$app = getApp({allowDefault: true})
	  // #endif
      console.log('App Launch',options)
	  this._init(options)
      // #ifdef H5
      this.startup({
        appOptions: options
      })
      // #endif
	  uni.onKeyboardHeightChange(res => {
	  	uni.$emit('onKeyboard_height_change',res);
		uni.setStorageSync("KEYBOARD-HEIGHT",res.height)
	  })
	   
    },
	onLoad(e) {
		console.log("onload",e)
		if(e.INVITER_UID){
			uni.setStorageSync("INVITER_UID",e.INVITER_UID)
		}
	},
    onShow: function() {
      console.log('App Show')
    },
    onHide: function() {
      console.log('App Hide')
    },
    methods: {
	  _init({query}){
		  console.log("query",query)
		  if(query.INVITER_UID){
		  	uni.setStorageSync("INVITER_UID",query.INVITER_UID)
		  }
		if(uni.getStorageSync("token")){
			uni.getCustomUserInfo();
			uni.setMPWXOpenid();
			//uni.$http.post("/api/chat/initroom",{})
		}else{
			uni.checkUserProfile()
		}	
	  },
      startup({
        appOptions,
        notInitPages = [], // 不需要初始化的页面，例如只作单页显示，不会返回到其他业务页面的页面
        notEnterPages = [] // 不作为入口页的页面
      }) {
        notInitPages.push('pages/init/init') // 可以防止init页面onLoad调用两次
        notEnterPages.push('pages/init/init')
        // 验证集合是否存在页面，不存在则该页面作为入口页，否则入口页为首页
        if (!notInitPages.includes(appOptions.path) && !notEnterPages.includes(appOptions.path)) {
          let path = appOptions.path
          let query = appOptions.query
          let queryString = ''
          for (let key in query) {
            queryString += `${key}=${query[key]}&`
          }
          if (queryString) {
            queryString = `?${queryString.replace(/&$/, '')}`
          }
          let redirectPath = encodeURIComponent('/' + path + queryString)
          let url = `/pages/init/init?redirect=${redirectPath}`
          uni.reLaunch({
            url
          })
        }
      }
    }
  }
</script>

<style lang="scss" >
  /* 引入全局样式 */
	@import 'common/css/app.css';
	@import './fss.css';
	.emojifont {
	  font-family: emojifont !important;
	  font-style: normal;
	}
		
	.iconfont{font-family:iconfont}
	.view,.text{font-size:28rpx;line-height:1.8;color:#0E151D}
	.w-100{width:750rpx}
	.full-height{height:100%}
	.row{display:flex;flex-wrap:wrasp;flex-direction:row}
	.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12{position:relative;padding-right:20rpx;padding-left:20rpx}
	.col-12{width:750rpx}
	.col-11{width:687.5rpx}
	.col-10{width:625rpx}
	.col-9{width:562.5rpx}
	.col-8{width:500rpx}
	.col-7{width:437.5rpx}
	.col-6{width:375rpx}
	.col-5{width:312.5rpx}
	.col-4{width:250rpx}
	.col-3{width:187.5rpx}
	.col-2{width:125rpx}
	.col-1{width:62.5rpx}
	.col-offset-12{margin-left:750rpx}
	.col-offset-11{margin-left:687.5rpx}
	.col-offset-10{margin-left:625rpx}
	.col-offset-9{margin-left:562.5rpx}
	.col-offset-8{margin-left:500rpx}
	.col-offset-7{margin-left:437.5rpx}
	.col-offset-6{margin-left:375rpx}
	.col-offset-5{margin-left:312.5rpx}
	.col-offset-4{margin-left:250rpx}
	.col-offset-3{margin-left:187.5rpx}
	.col-offset-2{margin-left:125rpx}
	.col-offset-1{margin-left:62.5rpx}
	.col-offset-0{margin-left:0}
	.flex{display:flex;flex-direction:row}
	.flex-row{flex-direction:row !important}
	.flex-column{flex-direction:column !important}
	.flex-row-reverse{flex-direction:row-reverse}
	.flex-column-reverse{flex-direction:column-reverse}
	.flex-wrap{flex-wrap:wrap}
	.flex-nowrap{flex-wrap:nowrap}
	.justify-start{justify-content:flex-start}
	.justify-end{justify-content:flex-end}
	.justify-between{justify-content:space-between}
	.justify-center{justify-content:center}
	.align-center{align-items:center}
	.align-stretch{align-items:stretch}
	.align-start{align-items:flex-start}
	.align-end{align-items:flex-end !important}
	.content-start{align-content:flex-start}
	.content-end{align-content:flex-end}
	.content-center{align-content:center}
	.content-between{align-content:space-between}
	.content-around{align-content:space-around}
	.content-stretch{align-content:stretch}
	.flex-1{flex:1 !important}
	.flex-2{flex:2}
	.flex-3{flex:3}
	.flex-4{flex:4}
	.flex-5{flex:5}
	.flex-shrink{flex-shrink:0}
	.container{padding-right:20rpx;padding-left:20rpx}
	.m-0{margin:0}
	.m-auto{margin:auto}
	.m-1{margin:10rpx}
	.m-2{margin:20rpx}
	.m-3{margin:30rpx}
	.m-4{margin:40rpx}
	.m-5{margin:50rpx}
	.mt-0{margin-top:0}
	.mt-auto{margin-top:auto}
	.mt-1{margin-top:10rpx}
	.mt-2{margin-top:20rpx}
	.mt-3{margin-top:30rpx}
	.mt-4{margin-top:40rpx}
	.mt-5{margin-top:50rpx}
	.mb-0{margin-bottom:0}
	.mb-auto{margin-bottom:auto}
	.mb-1{margin-bottom:10rpx}
	.mb-2{margin-bottom:20rpx}
	.mb-3{margin-bottom:30rpx}
	.mb-4{margin-bottom:40rpx}
	.mb-5{margin-bottom:50rpx}
	.ml-0{margin-left:0}
	.ml-auto{margin-left:auto}
	.ml-1{margin-left:10rpx}
	.ml-2{margin-left:20rpx}
	.ml-3{margin-left:30rpx}
	.ml-4{margin-left:40rpx}
	.ml-5{margin-left:50rpx}
	.mr-0{margin-right:0}
	.mr-auto{margin-right:auto}
	.mr-1{margin-right:10rpx}
	.mr-2{margin-right:20rpx}
	.mr-3{margin-right:30rpx}
	.mr-4{margin-right:40rpx}
	.mr-5{margin-right:50rpx}
	.my-0{margin-top:0;margin-bottom:0}
	.my-auto{margin-top:auto;margin-bottom:auto}
	.my-1{margin-top:10rpx;margin-bottom:10rpx}
	.my-2{margin-top:20rpx;margin-bottom:20rpx}
	.my-3{margin-top:30rpx;margin-bottom:30rpx}
	.my-4{margin-top:40rpx;margin-bottom:40rpx}
	.my-5{margin-top:50rpx;margin-bottom:50rpx}
	.mx-0{margin-left:0;margin-right:0}
	.mx-auto{margin-left:auto;margin-right:auto}
	.mx-1{margin-left:10rpx;margin-right:10rpx}
	.mx-2{margin-left:20rpx;margin-right:20rpx}
	.mx-3{margin-left:30rpx;margin-right:30rpx}
	.mx-4{margin-left:40rpx;margin-right:40rpx}
	.mx-5{margin-left:50rpx;margin-right:50rpx}
	.p-0{padding:0}
	.p{padding:5rpx}
	.p-1{padding:10rpx}
	.p-2{padding:20rpx}
	.p-3{padding:30rpx}
	.p-4{padding:40rpx}
	.p-5{padding:50rpx}
	.pt-0{padding-top:0}
	.pt{padding-top:5rpx}
	.pt-1{padding-top:10rpx}
	.pt-2{padding-top:20rpx}
	.pt-3{padding-top:30rpx}
	.pt-4{padding-top:40rpx}
	.pt-5{padding-top:50rpx}
	.pb-0{padding-bottom:0}
	.pb-1{padding-bottom:10rpx}
	.pb{padding-bottom:5rpx}
	.pb-2{padding-bottom:20rpx}
	.pb-3{padding-bottom:30rpx}
	.pb-4{padding-bottom:40rpx}
	.pb-5{padding-bottom:50rpx}
	.pl-0{padding-left:0}
	.pl{padding-left:5rpx}
	.pl-1{padding-left:10rpx}
	.pl-2{padding-left:20rpx}
	.pl-3{padding-left:30rpx}
	.pl-4{padding-left:40rpx}
	.pl-5{padding-left:50rpx}
	.pr-0{padding-right:0}
	.pr{padding-right:5rpx}
	.pr-1{padding-right:10rpx}
	.pr-2{padding-right:20rpx}
	.pr-3{padding-right:30rpx}
	.pr-4{padding-right:40rpx}
	.pr-5{padding-right:50rpx}
	.py-0{padding-top:0;padding-bottom:0}
	.py{padding-top:5rpx;padding-bottom:5rpx}
	.py-1{padding-top:10rpx;padding-bottom:10rpx}
	.py-2{padding-top:20rpx;padding-bottom:20rpx}
	.py-3{padding-top:30rpx;padding-bottom:30rpx}
	.py-4{padding-top:40rpx;padding-bottom:40rpx}
	.py-5{padding-top:50rpx;padding-bottom:50rpx}
	.px-0{padding-left:0;padding-right:0}
	.px-1{padding-left:10rpx;padding-right:10rpx}
	.px{padding-left:5rpx;padding-right:5rpx}
	.px-2{padding-left:20rpx;padding-right:20rpx}
	.px-3{padding-left:30rpx;padding-right:30rpx}
	.px-4{padding-left:40rpx;padding-right:40rpx}
	.px-5{padding-left:50rpx;padding-right:50rpx}
	.font-small{font-size:20rpx}
	.font-sm{font-size:25rpx}
	.font{font-size:30rpx}
	.font-md{font-size:35rpx}
	.font-lg{font-size:40rpx}
	.font-18{font-size:18rpx}
	.font-22{font-size:22rpx}
	.font-26{font-size:24rpx}
	.font-24{font-size:24rpx}
	.font-28{font-size:28rpx}
	.font-32{font-size:32rpx}
	.font-38{font-size:38rpx}
	.h1{font-size:80rpx;line-height:1.8}
	.h2{font-size:60rpx;line-height:1.8}
	.h3{font-size:45rpx;line-height:1.8}
	.h4{font-size:32rpx;line-height:1.8}
	.h5{font-size:30rpx;line-height:1.8}
	.h6{font-size:28rpx;line-height:1.8}
	.text-indent{text-indent:2}
	.text-through{text-decoration:line-through}
	.text-left{text-align:left}
	.text-right{text-align:right}
	.text-center{text-align:center}
	.text-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;lines:1}
	.font-weight-light{font-weight:300}
	.font-weight-lighter{font-weight:100}
	.font-weight-normal{font-weight:400}
	.font-weight-bold{font-weight:700}
	.font-weight-bolder{font-weight:bold}
	.font-italic{font-style:italic}
	.text-white{color:#ffffff}
	.text-primary{color:#007bff}
	.text-hover-primary{color:#0056b3}
	.text-secondary{color:#6c757d}
	.text-hover-secondary{color:#494f54}
	.text-success{color:#28a745}
	.text-hover-success{color:#19692c}
	.text-info{color:#17a2b8}
	.text-hover-info{color:#0f6674}
	.text-warning{color:#ffc107}
	.text-hover-warning{color:#ba8b00}
	.text-danger{color:#dc3545}
	.text-hover-danger{color:#a71d2a}
	.text-light{color:#f8f9fa}
	.text-hover-light{color:#cbd3da}
	.text-dark{color:#343a40}
	.text-hover-dark{color:#121416}
	.text-body{color:#212529}
	.text-muted{color:#6c757d}
	.text-light-muted{color:#A9A5A0}
	.text-light-black{color:rgba(0,0,0,0.5)}
	.text-light-white{color:rgba(255,255,255,0.5)}
	.bg-primary{background-color:#007bff}
	.bg-hover-primary:hover{background-color:#0062cc}
	.bg-secondary{background-color:#6c757d}
	.bg-hover-secondary:hover{background-color:#545b62}
	.bg-success{background-color:#28a745}
	.bg-hover-success{background-color:#1e7e34}
	.bg-info{background-color:#17a2b8}
	.bg-hover-info{background-color:#117a8b}
	.bg-warning{background-color:#ffc107}
	.bg-hover-warning{background-color:#d39e00}
	.bg-danger{background-color:#dc3545}
	.bg-hover-danger{background-color:#bd2130}
	.bg-light{background-color:#f8f9fa}
	.bg-hu{background-color:#eeeffa}
	.bg-hover-light{background-color:#dae0e5}
	.bg-dark{background-color:#343a40}
	.bg-hover-dark{background-color:#1d2124}
	.bg-white{background-color:#ffffff}
	.bg-transparent{background-color:transparent}
	.border{border-width:1rpx;border-style:solid;border-color:#dee2e6}
	.border-top{border-top-width:1rpx;border-top-style:solid;border-top-color:#dee2e6}
	.border-right{border-right-width:1rpx;border-right-style:solid;border-right-color:#dee2e6}
	.border-bottom{border-bottom-width:1rpx;border-bottom-style:solid;border-bottom-color:#dee2e6}
	.border-left{border-left-width:1rpx;border-left-style:solid;border-left-color:#dee2e6}
	.border-0{border-width:0}
	.border-top-0{border-top-width:0}
	.border-right-0{border-right-width:0}
	.border-bottom-0{border-bottom-width:0}
	.border-left-0{border-left-width:0}
	.border-primary{border-color:#007bff}
	.border-secondary{border-color:#6c757d}
	.border-light-secondary{border-color:#E9E8E5}
	.border-success{border-color:#28a745}
	.border-info{border-color:#17a2b8}
	.border-warning{border-color:#ffc107}
	.border-danger{border-color:#dc3545}
	.border-light{border-color:#f8f9fa}
	.border-dark{border-color:#343a40}
	.border-white{border-color:#FFFFFF}
	.rounded{border-radius:8rpx}
	.rounded-top{border-top-left-radius:8rpx;border-top-right-radius:8rpx}
	.rounded-right{border-top-right-radius:8rpx;border-bottom-right-radius:8rpx}
	.rounded-bottom{border-bottom-right-radius:8rpx;border-bottom-left-radius:8rpx}
	.rounded-left{border-top-left-radius:8rpx;border-bottom-left-radius:8rpx}
	
	.rounded-top-right{border-top-left-radius:8rpx;border-top-right-radius:8rpx}
	.rounded-top-left{border-top-right-radius:8rpx;border-bottom-right-radius:8rpx}
	.rounded-bottom-right{border-bottom-right-radius:8rpx;border-bottom-left-radius:8rpx}
	.rounded-bottom-left{border-top-left-radius:8rpx;border-bottom-left-radius:8rpx}
	
	.rounded-circle{border-radius:100rpx}
	.rounded-0{border-radius:0}
	.d-none{display:none}
	.d-inline-block{display:inline-block}
	.d-block{display:block}
	.overflow-hidden{overflow:hidden}
	.position-relative{position:relative}
	.position-absolute{position:absolute !important}
	.position-fixed{position:fixed !important}
	.fixed-top{position:fixed;top:0;right:0;left:0;z-index:1030}
	.fixed-bottom{position:fixed;right:0;bottom:0;left:0;z-index:1030}
	.top-0{top:0}
	.left-0{left:0}
	.right-0{right:0}
	.bottom-0{bottom:0}
	.shadow{box-shadow:0 2rpx 12rpx rgba(0,0,0,0.15)}
	.shadow-lg{box-shadow:0rpx 40rpx 100rpx 0rpx rgba(0,0,0,0.175)}
	.shadow-none{box-shadow:none}
	.nowrap{white-space:nowrap}
	.text-wrap{white-space:normal;word-break:break-all}
	.position-absolute-full{position:absolute;top:0;left:0;right:0;bottom:0}
	::-webkit-scrollbar {
		display: none;
		width: 0 !important;
		height: 0 !important;
		-webkit-appearance: none;
		background: transparent;
		color: transparent;
	}
	.padding-bottom-safe-area-inset-bottom{
		padding-bottom: constant(safe-area-inset-bottom); /* 兼容 iOS < 11.2 */
		padding-bottom: env(safe-area-inset-bottom); /* 兼容 iOS >= 11.2 */
	}
	
	.margin-bottom-safe-area-inset-bottom{
		margin-bottom: constant(safe-area-inset-bottom); /* 兼容 iOS < 11.2 */
		margin-bottom: env(safe-area-inset-bottom); /* 兼容 iOS >= 11.2 */
	}
	
	.ease-in-show {
	  opacity: 1;
	  animation: 1s all;
	}
	.ease-in-hide{
		opacity: 0;
		animation: 1s all;
	}
	
	@keyframes fade {
	  from { opacity: 1; }
	  to { opacity: 0; }
	}
	
	.lines-2{
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		display: -moz-box;
		-moz-line-clamp: 2;
		-moz-box-orient: vertical;
		overflow-wrap: break-word;
		word-break: break-all;
		white-space: normal;
		overflow: hidden;      
	}
	.lines-1{
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 1;
		-webkit-box-orient: vertical;
		display: -moz-box;
		-moz-line-clamp: 1;
		-moz-box-orient: vertical;
		overflow-wrap: break-word;
		word-break: break-all;
		white-space: normal;
		overflow: hidden;      
	}
	.lines-5{
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 5;
		-webkit-box-orient: vertical;
		display: -moz-box;
		-moz-line-clamp: 5;
		-moz-box-orient: vertical;
		overflow-wrap: break-word;
		word-break: break-all;
		white-space: normal;
		overflow: hidden;      
	}
/* 	@keyframes fadeOut {
		0% { opacity: 1; }
		100% { opacity: 0; }
	} */

  /*每个页面公共css */
  
  
  
/*  .flex-column{flex-direction:column}
  .flex-column-reverse{flex-direction:column-reverse}
  .flex-row{flex-direction:row}
  .flex-row-reverse{flex-direction:row-reverse}
  .flex-nowrap{flex-wrap:nowrap}
  .flex-wrap{flex-wrap:wrap}
  .flex-wrap-reverse{flex-wrap:wrap-reverse}
  .justify-center{justify-content:center}
  .justify-space-between{justify-content:space-between}
  .justify-space-around{justify-content:space-around}
  .justify-flex-start{justify-content:flex-start}
  .justify-flex-end{justify-content:flex-end}
  .align-center{align-items:center}
  .align-stretch{align-items:stretch}
  .align-flex-start{align-items:flex-start}
  .align-flex-end{align-items:flex-end} */
  .flex-1{flex:1}
  .flex-2{flex:2}
  .flex-3{flex:3}
  .flex-4{flex:4}
  .top-fixed{position:sticky}
  .wh-w750{width:750rpx}
  .wh-w710{width:710rpx}
  .wh-w375{width:375rpx}
  .wh-w250{width:250rpx}
  .wh-w500{width:500rpx}
  .wh-h80{height:80rpx}
  .wh-h130{height:130rpx}
  .wh-15{width:15rpx;height:15rpx}
  .wh-20{width:20rpx;height:20rpx}
  .wh-25{width:25rpx;height:25rpx}
  .wh-30{width:30rpx;height:30rpx}
  .wh-33{width:33rpx;height:33rpx}
  .wh-35{width:35rpx;height:35rpx}
  .wh-40{width:40rpx;height:40rpx}
  .wh-45{width:45rpx;height:45rpx}
  .wh-50{width:50rpx;height:50rpx}
  .wh-55{width:55rpx;height:55rpx}
  .wh-60{width:60rpx;height:60rpx}
  .wh-65{width:65rpx;height:65rpx}
  .wh-70{width:70rpx;height:70rpx}
  .wh-75{width:75rpx;height:75rpx}
  .wh-80{width:80rpx;height:80rpx}
  .wh-85{width:85rpx;height:85rpx}
  .wh-90{width:90rpx;height:90rpx}
  .wh-95{width:95rpx;height:95rpx}
  .wh-100{width:100rpx;height:100rpx}
  .wh-110{width:110rpx;height:110rpx}
  .wh-h20{height:20rpx}
  .wh-h60{height:60rpx}
  .wh-h70{height:70rpx}
  .wh-h110{height:110rpx}
  .wh-120{width:120rpx;height:120rpx}
  .wh-130{width:130rpx;height:130rpx}
  .wh-140{width:140rpx;height:140rpx}
  .wh-150{width:150rpx;height:150rpx}
  .wh-160{width:160rpx;height:160rpx}
  .wh-170{width:170rpx;height:170rpx}
  .wh-250{width:250rpx;height:250rpx}
  .wh-300{width:280rpx;height:280rpx}
  .wh-120-60{width:120rpx;height:60rpx}
  .wh-130-60{width:130rpx;height:60rpx}
  .wh-700-80{width:700rpx;height:80rpx}
  .wh-700-85{width:700rpx;height:85rpx}
  .wh-70-350{width:350rpx;height:70rpx}
  .wh-70-450{width:450rpx;height:70rpx}
  .wh-70-400{width:400rpx;height:70rpx}
  .wh-50-450{width:450rpx;height:50rpx}
  .wh-80-500{width:500rpx;height:80rpx}
  .wh-50-250{width:250rpx;height:50rpx}
  .wh-80-450{width:450rpx;height:80rpx}
  .wh-80-550{width:550rpx;height:80rpx}
  .wh-80-550{width:550rpx;height:80rpx}
  .wh-80-600{width:600rpx;height:80rpx}
  .wh-80-120{width:120rpx;height:80rpx}
  .wh-60-200{width:200rpx;height:60rpx}
  .wh-80-650{width:650rpx;height:80rpx}
  .wh-85-600{width:600rpx;height:85rpx}
  .wh-85-650{width:650rpx;height:85rpx}
  .wh-80-200{width:200rpx;height:80rpx}
  .wh-70-200{width:200rpx;height:70rpx}
  .wh-200-400{width:200rpx;height:400rpx;border-radius:5rpx}
  .wh-300-600{width:300rpx;height:600rpx}
  .wh-w690{width:690rpx}
  .pa-5{padding:5rpx}
  .pa-10{padding:10rpx}
  .pa-15{padding:15rpx}
  .pa-20{padding:20rpx}
  .pa-23{padding:23rpx}
  .pa-25{padding:25rpx}
  .pa-30{padding:30rpx}
  .pa-35{padding:35rpx}
  .pa-40{padding:40rpx}
  .pa-50{padding:50rpx}
  .pa-0-10{padding-top:0;padding-bottom:0;padding-right:10rpx;padding-left:10rpx}
  .pa-tb40{padding-top:40rpx;padding-bottom:40rpx}
  .pa-50-30-0-30{padding-top:50rpx;padding-bottom:30rpx;padding-right:30rpx;padding-left:30rpx}
  .pa-0-20{padding-top:0;padding-bottom:0;padding-right:20rpx;padding-left:20rpx}
  .pa-10-0{padding-top:10rpx;padding-bottom:10rpx;padding-right:0;padding-left:0}
  .pa-40-0{padding-top:40rpx;padding-bottom:40rpx;padding-right:0;padding-left:0}
  .pa-20-0{padding-top:20rpx;padding-bottom:20rpx;padding-right:0;padding-left:0}
  .pa-20-25{padding-top:20rpx;padding-bottom:20rpx;padding-right:25rpx;padding-left:25rpx}
  .pa-30-0{padding-top:30rpx;padding-bottom:30rpx;padding-right:0;padding-left:0}
  .pa-0-30{padding-top:0;padding-bottom:0;padding-right:30rpx;padding-left:30rpx}
  .pa-5-30{padding-top:5rpx;padding-bottom:5rpx;padding-right:30rpx;padding-left:30rpx}
  .pa-6-12{padding-top:6rpx;padding-bottom:6rpx;padding-right:12rpx;padding-left:12rpx}
  .pa-15-30{padding-top:15rpx;padding-bottom:15rpx;padding-right:30rpx;padding-left:30rpx}
  .pa-15-20{padding-top:15rpx;padding-bottom:15rpx;padding-right:20rpx;padding-left:20rpx}
  .pa-10-20{padding-top:10rpx;padding-bottom:10rpx;padding-right:20rpx;padding-left:20rpx}
  .pa-10-0{padding-top:10rpx;padding-bottom:10rpx;padding-right:0rpx;padding-left:0rpx}
  .pa-30-20{padding-top:30rpx;padding-bottom:30rpx;padding-right:20rpx;padding-left:20rpx}
  .pa-20-30{padding-top:20rpx;padding-bottom:20rpx;padding-right:30rpx;padding-left:30rpx}
  .pa-40-30{padding-top:40rpx;padding-bottom:40rpx;padding-right:30rpx;padding-left:30rpx}
  .pa-40-50{padding-top:40rpx;padding-bottom:40rpx;padding-right:50rpx;padding-left:50rpx}
  .pa-30-50{padding-top:30rpx;padding-bottom:30rpx;padding-right:50rpx;padding-left:50rpx}
  .pa-30-40{padding-top:30rpx;padding-bottom:30rpx;padding-right:40rpx;padding-left:40rpx}
  .pa-50-30{padding-top:50rpx;padding-bottom:50rpx;padding-right:30rpx;padding-left:30rpx}
  .mar-10{margin:10rpx}
  .mar-10-20{margin-top:15rpx;margin-bottom:15rpx;margin-left:20rpx;margin-right:20rpx}
  .mar-20{margin:20rpx}
  .mar-30{margin:30rpx}
  .mar-40{margin:40rpx}
  .mar-50{margin:50rpx}
  .mar-r10-l10{margin-left:10rpx;margin-right:10rpx}
  .mar-tb0-20{margin-top:0;margin-bottom:0;margin-left:20rpx;margin-right:20rpx}
  .mar-t0-20{margin-top:0;margin-bottom:20rpx;margin-left:20rpx;margin-right:20rpx}
  .mar-b0-20{margin-top:20rpx;margin-bottom:0;margin-left:20rpx;margin-right:20rpx}
  .mar-l30{margin-left:30rpx}
  .mar-l10{margin-left:10rpx}
  .mar-l15{margin-left:15rpx}
  .mar-l20{margin-left:20rpx}
  .mar-l5{margin-left:5rpx}
  .mar-r10{margin-right:10rpx}
  .mar-r15{margin-right:15rpx}
  .mar-r20{margin-right:20rpx}
  .mar-r30{margin-right:30rpx}
  .mar-t5{margin-top:5rpx}
  .mar-t10{margin-top:10rpx}
  .mar-t15{margin-top:15rpx}
  .mar-t22{margin-top:22rpx}
  .mar-t25{margin-top:25rpx}
  .mar-t30{margin-top:30rpx}
  .mar-t60{margin-top:60rpx}
  .mar-t80{margin-top:80rpx}
  .mar-b30{margin-bottom:30rpx}
  .mar-t80{margin-top:80rpx}
  .mar-t600{margin-top:600rpx}
  .mar-t680{margin-top:680rpx}
  .mar--t30{margin-top:-30rpx}
  .mar-t150{margin-top:150rpx}
  .mar--t200{margin-top:-200rpx}
  .mar--t400{margin-top:-400rpx}
  .mar--t5{margin-top:-5rpx}
  .fs-15{font-size:15rpx}
  .fs-18{font-size:18rpx}
  .fs-20{font-size:20rpx}
  .fs-21{font-size:21rpx}
  .fs-22{font-size:22rpx}
  .fs-23{font-size:23rpx}
  .fs-24{font-size:24rpx}
  .fs-25{font-size:25rpx}
  .fs-26{font-size:26rpx}
  .fs-27{font-size:27rpx}
  .fs-28{font-size:28rpx}
  .fs-29{font-size:29rpx}
  .fs-30{font-size:30rpx}
  .fs-31{font-size:31rpx}
  .fs-32{font-size:32rpx}
  .fs-33{font-size:33rpx}
  .fs-35{font-size:35rpx}
  .fs-40{font-size:40rpx}
  .fs-43{font-size:43rpx}
  .fs-45{font-size:45rpx}
  .fs-50{font-size:50rpx}
  .fs-55{font-size:55rpx}
  .fs-60{font-size:60rpx}
  .fs-120{font-size:120rpx}
  .f-w{font-weight:bold;color:#333333}
  .f-w1{font-weight:bold}
  .line-h{line-height:20}
  .line-h1{line-height:50}
  .text-overflow{text-overflow:ellipsis}
  .lines-1{lines:1}
  .fcolor-while{color:#FFFFFF}
  .fcolor-black{color:#333333}
  .fcolor-dark{color:#cccccc}
  .fcolor-dark1{color:#969696}
  .fcolor-dark2{color:#535353}
  .fcolor-f1f1f1{color:#f1f1f1}
  .fcolor-blue{color:#5982FC}
  .fcolor-blue1{color:#23B0FF}
  .fcolor-yellow{color:#FEE610}
  .fcolor-green{color:#58CEB0}
  .fcolor-green1{color:#42E59B}
  .fcolor-red{color:#F91305}
  .fcolor-red1{color:#F54947}
  .fcolor-yellow1{color:#de8c17}
  .fcolor-yellow2{color:#FD4D01}
  .zcolor-yellow{background-color:#FEE610}
  .zcolor-black{background-color:#000000}
  .zcolor-yellow1{background-color:#fffbe8}
  .zcolor-while{background-color:#FFFFFF}
  .zcolor-while1{background-color:#F8F8F8}
  .zcolor-red{background-color:#F91305}
  .zcolor-red1{background-color:#FFEFEB}
  .zcolor-green{background-color:#58CEB0}
  .zcolor-green1{background-color:#E9FFF2}
  .zcolor-black{background-color:#000000}
  .zcolor-dark{background-color:#cccccc}
  .zcolor-blue{background-color:#23B0FF}
  .zcolor-blue1{background-color:#40C7FC}
  .zcolor-bluew{background-color:#EBF4FF}
  .zcolor-f1f1f1{background-color:#F8F8F8}
  .gradient-red{background:linear-gradient(to bottom right,#F35B3A,#F80320)}
  .gradient-blue{background-image:linear-gradient(to bottom right,#23B0FF,#527FF8)}
  .gradient-blue1{background-image:linear-gradient(to bottom right,#1B7BFB,#40C7FC)}
  .gradient-black{background-image:linear-gradient(to bottom,#60615A,#21231E)}
  .gradient-yellow-while{background:linear-gradient(to bottom,#FEE610,#ffffff)}
  .gradient-while-yellow6{background:linear-gradient(to bottom,#FFD835,#FEE610)}
  .gradient-yellow-while1{background:linear-gradient(to bottom,#FEE610,#F3F5FA)}
  .gradient-yellow{background:linear-gradient(to bottom right,#FFF000,#FFD835)}
  .gradient-blue-while{background:linear-gradient(to bottom,#E9F9FC,#ffffff)}
  .gradient-red-while{background:linear-gradient(to bottom,#FA8282,#ffffff)}
  .gradient-while-red{background:linear-gradient(to bottom,#ffffff,#F7D0C9)}
  .gradient-yellow1-while{background:linear-gradient(to bottom,#FFD835,#F3F5FA)}
  .gradient-yellow2-while{background:linear-gradient(to bottom,#FBFBE8,#ffffff)}
  .gradient-yellow3-while{background:linear-gradient(to bottom right,#FBFBE8,#ffffff)}
  .gradient-while-blue{background:linear-gradient(to bottom,#ffffff,#CEE0FF)}
  .gradient-dack-while{background:linear-gradient(to bottom,#F3F5FA,#ffffff)}
  .gradient-while-dack{background:linear-gradient(to bottom,#ffffff,#F3F5FA)}
  .gradient-while-yellow{background:linear-gradient(to bottom right,#ffffff,#FEE610)}
  .gradient-yellow-black{background:linear-gradient(to bottom right,#F91305,#FFF000)}
  .gradient-yellow-org{background:linear-gradient(to bottom right,#FD4D01,#FFB331)}
  .gradient-org-yellow{background:linear-gradient(to bottom right,#FFB331,#FD4D01)}
  .gradient-red-red{background:linear-gradient(to bottom right,#F85C09,#F7000A)}
  .bor-blue{border-width:1px;border-style:solid;border-color:#23B0FF;border-radius:5rpx}
  .bor-blue1{border-width:1px;border-style:solid;border-color:#23B0FF;border-radius:50rpx}
  .bor-red{border-width:5rpx;border-style:solid;border-color:#F1F1F1;border-radius:50rpx}
  .bor-yellow{border-width:1rpx;border-style:dashed;border-color:#FFD835}
  .bor-dack{border-width:1px;border-style:solid;border-color:#F8F8F8}
  .bor-dack1{border-width:1px;border-top-style:dashed;border-right-style:dashed;border-bottom-style:dashed;border-left-style:dashed;border-color:#F1F1F1}
  .bor-white{border-width:5rpx;border-style:solid;border-color:#FFFFFF;border-radius:100rpx}
  .bor-red-l{border-width:10rpx;border-style:solid;border-color:#F9C7C3;border-radius:10rpx}
  .bor-dack-l{border-width:2rpx;border-style:solid;border-color:#969696;border-radius:100rpx}
  .bor-bottom{border-bottom:1rpx solid #F8F8F8}
  .bor-right-dark{border-right:1rpx solid #F8F8F8}
  .bor-bottom-dark{border-bottom:1rpx solid #F1F1F1}
  .bor-bottom-blue{border-bottom:5rpx solid #23B0FF}
  .bor-bottom-yellow{border-bottom:5rpx solid #FEE610}
  .bor-r5{border-radius:5rpx}
  .bor-r10{border-radius:10rpx}
  .bor-r20{border-radius:20rpx}
  .bor-r30{border-radius:30rpx}
  .bor-r50{border-radius:50rpx}
  .bor-r100{border-radius:100rpx}
  .bor-r300{border-radius:300rpx}
  .bor-r0-8{border-top-right-radius:8rpx;border-bottom-left-radius:8rpx}
  .bor-rb10{border-bottom-left-radius:10rpx;border-bottom-right-radius:10rpx}
  .bor-trl20{border-top-right-radius:20rpx;border-top-left-radius:20rpx}
  .bor-l0-10-50{border-top-left-radius:10rpx;border-top-right-radius:50rpx;border-bottom-right-radius:50rpx}
  .bor-r0-15{border-top-right-radius:15rpx;border-bottom-left-radius:15rpx}
  .bor-rt0-15{border-top-left-radius:15rpx;border-bottom-left-radius:15rpx;border-bottom-right-radius:15rpx}
  .bor-rt0-20{border-top-left-radius:20rpx;border-bottom-left-radius:20rpx;border-bottom-right-radius:20rpx}
  .bor-lt0-20{border-top-right-radius:20rpx;border-bottom-left-radius:20rpx;border-bottom-right-radius:20rpx}
  .bor-r0-20{border-top-right-radius:20rpx;border-bottom-left-radius:20rpx}
  .bor-r0-30{border-top-right-radius:30rpx;border-bottom-left-radius:30rpx}
  .bor-rt0-30{border-top-left-radius:30rpx;border-bottom-left-radius:30rpx;border-bottom-right-radius:30rpx}
  .bor-r20-0{border-top-left-radius:20rpx;border-bottom-right-radius:20rpx}
  .fgx{height:20rpx}
  .position-flex-right{position:fixed;bottom:80rpx;right:50rpx}
  .position-top-right{position:fixed;top:0rpx;right:10rpx}
  .text-r{text-align:right}
  .text-l{text-align:left}
  .text-c{text-align:center}
  .iconfont-nvue{font-family:myIconfont}
  .position-t-r-b-l{position:fixed;top:0;right:0;left:0;bottom:0}
  .position-r-b-l{position:fixed;bottom:-5rpx;right:0;left:0}
  .position-r-t-l{position:fixed;top:180rpx;right:0;left:0}
  .position-r-t0-l{position:fixed;top:0;right:0;left:0}
  .position-r-t1-l{position:fixed;top:130rpx;right:0;left:0}
  .men-ban{position:fixed;bottom:0;right:0;left:0;top:0;background-color:rgba(0,0,0,0.3)}
  .men-ban1{position:fixed;bottom:0;right:0;left:0;top:0}
  .height-130{height:130rpx}
  .CellItem{width:150rpx;height:158rpx;border-radius:30rpx;margin:5rpx}
  .CellItemContent{width:150rpx;height:138rpx;border-radius:30rpx}
  .white{background-color:#fdf2ee}
  .WhiteBackground{background-color:#f8d0c3}
  .Yellow{background-color:#fee610}
  .YellowBackground{background-color:#EFCD22}
  .target{transform:translate(-500,0);transition:transform 1s}
  .origin{transform:translateX(0px);transition-property:transform;transition-duration:1s}
  .scale{transform:scale(1)}
  .scalef{transform:scale(0.9)}
  .scaleg{transform:scale(0.98)}
  .position-absolute-full {
  	position: absolute !important;
  	top: 0;
  	left: 0;
  	right: 0;
  	bottom: 0;
  }
  @keyframes liked-animation {
    0% {
      transform: scale(0.5);
    }
    50% {
      transform: scale(1.5);
    }
    100% {
      transform: scale(1);
    }
  }
  .liked-scale-animation {
    animation: liked-animation 0.5s ease-in-out;
  }
 
</style>
